.my {
  height: 100%;
  padding: 10px;

  .avatar_box {
    display: flex;
    height: 30%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    // background-color: red;
  }

  .name {
    margin-top: 10px;
  }

  .nav_box {
    padding: 0;
    list-style: none;
    .nav_li {
      height: 42px;
      padding: 0 10px;
      margin-bottom: 10px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .left_icon {
      position: relative;
      top: 2px;
      margin-right: 10px;
    }
  }

  .loginOut {
    width: 100%;
    color: #f40;
    margin-top: 30px;
    background-color: #fff;
    border: none;
  }

  .icon {
    height: 20px;
  }
}
